@charset "UTF-8";

/*
 * area-container
 * ヘッダとフッタを除いたBody部全体のスタイル
 */
#area-container
{
	width:100%;

	/* 以下全体をセンタリングするための定義
	text-align:center;
    margin-left:auto;margin-right:auto;
    text-align:left;
    */

}

/*
 * area-content
 * メインコンテンツのスタイル
 */
#area-content
{
	padding-left:20px;
	padding-right:20px;
	float:right;
	width:75%;
}

/*
 * area-menu
 * メニューのスタイル
 */
#area-menu
{
	/*float:left;*/
	width:25%;
	padding-right:20px;
}

/* header スタイル */
#area-header{
	margin: 20px 0px 0px 20px;
	font-size: 32px;

}

/* footer スタイル */
#area-footer{
	width:100%;
	text-align:center;
	font-size: small;
    position: absolute;
    bottom: 0px;
}

#area-sub{
	width:207px;
	float:left;
}


/* メニュースタイル */
.menuStyle {
	zoom: 1;
	overflow: hidden; /* 表示文字が無い場合ははみ出した部分非表示 */
}

.menuStyle li{
	/* 下にのみボーダーを表示させる
	margin-top: -1px;
	padding:5px;
	border-top: 5px solid Silver;
	*/

	margin-top: 3px;
	padding-left: 10px;
	border: 2px solid Silver;
	list-style-type:none; /* 点を消す */
	background-color: snow;
	font-weight:bold;
	font-style:italic;
}

.menuStyle li:hover{
	background-color: pink;
}

/* メニューのリンク */
.menuStyle a {
	text-decoration:none; /* 下線を消す */
}

.menuStyle li.childItem{
	margin: auto;
	padding-right: 10px;
	text-align:right;
	border-top: none;
	border-left: 2px solid Silver;
	border-right: 2px solid Silver;
	border-bottom: 2px solid Silver;
	background-color: ivory;
	font-weight:normal;
	font-style:normal;
}

.menuStyle li.childItem:hover{
	background-color: #FFFF99;
}


.sampleStyle{
	font-size:15px;
	padding-left: 10px;
}

